<!-- <div class="alert alert-info">
    <h4><span>Silahkan Memilih Jenis Izin Yang Anda Urus Hari Ini..</span></h4>
</div> -->

<style>
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  color: #ffffff;
}
.input-group .form-control{
  font-weight: bold;
  font-size: 22px;
  color: #ffffff;
  background-color:#ec008c;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: pointer;
  background-color:#ec008c;
}
.col-lg-6{
  margin-bottom:10px;
}
h3 {font-size: 30px;line-height: 27px;}
h3 small {font-size: 24px;}
div.checker span {
  background-position: -2px -4px;
  height: 30px;
  width: 30px;
  background-size: 28px;
}
div.checker.focus span,
div.checker:hover span {
  background-position: -2px -41px;
}
div.checker:active span,
div.checker.active span {
  background-position: 0px -7px;
}

div.checker.focus span,
div.checker:hover span {
  background-position: -2px -41px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
 background-position: -2px -41px;
}

div.checker span.checked {
  background-position: -2px -77px;
}

div.checker:active span.checked,
div.checker.active span.checked {
  background-position: 0px -77px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -2px -77px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -2px -77px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: 0px -28px;
  opacity: 0.5;
  filter:alpha(opacity=50);
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -0px -53px;
}
.input-group-addon {
  padding: 3px 8px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color:#f5f6f6;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
div.checker {
width: 23px;
height: 23px;
}
.navbar{
background:#714a8b;
}
#content{
background:none;
}
body{
background:#e9d2e8;
}
.btn-primary{
background:#00aeef;
}

.btn-custom {
  background-color: hsl(317, 90%, 36%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb0a94", endColorstr="#ae097f");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cb0a94), to(#ae097f));
  background-image: -moz-linear-gradient(top, #cb0a94, #ae097f);
  background-image: -ms-linear-gradient(top, #cb0a94, #ae097f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cb0a94), color-stop(100%, #ae097f));
  background-image: -webkit-linear-gradient(top, #cb0a94, #ae097f);
  background-image: -o-linear-gradient(top, #cb0a94, #ae097f);
  background-image: linear-gradient(#cb0a94, #ae097f);
  border-color: #ae097f #ae097f hsl(317, 90%, 34.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
  -webkit-font-smoothing: antialiased;
}
</style>

<div class="row">
	<div class="col-lg-12">
		<div class="panel panel-default">
			<div class="panel-heading" style="font-size: 24px;font-weight: bold;">
				<span><center style="background-color: lightpink;">Form Kuesioner [Jenis Izin]</center></span>
			</div>
			<div class="panel-body" style="background-color: #f8f8f8;">
               <!-- <form class="form-horizontal" action="#" role="form"> -->
				<?php
					$attributes = array('class' => 'form-horizontal', 'id' => 'form-validate', 'role' => 'form', 'background-color => lightpink');
					echo form_open('kuesioner/jenis_izin/'.$parameter, $attributes);
				?>

                    <div class="form-group">
                        <label class="col-lg-3 control-label" style="font-size: 22px;">Jenis Izin</label>
                        <div class="col-lg-6" style="font-size: 20px; font-weight: bold;">
							<?php
								$js = ' id="jenis_izin" class="form-control" style="font-size: 20px; font-weight: bold;" ' ;
								echo form_dropdown('jenis_izin',$jenis_izin,"",$js);
							?>
                        </div>
                    </div><!-- End .form-group  -->

                    <br/>

					<div class="form-group">
						<div class="col-lg-offset-3 col-lg-9">
							<button type="submit" class="btn btn-custom"><span class="icon16 icomoon-icon-arrow-right-2 white right"></span>Lanjut Ke Halaman Pertanyaan &nbsp; &nbsp; </button>
						</div>
					</div><!-- End .form-group  -->

                <?php echo form_close();?>
                <!-- </form> -->
			</div>
		</div>
	</div>

</div><!-- End .panel -->

<script language="javascript">
$(document).ready(function() {
    $("#form-validate").validate({
    	ignore: null,
    	ignore: 'input[type="hidden"]',
    	rules: {
			jenis_izin: "required",
		},
		messages: {
			jenis_izin: "Pilih Salah Satu Opsi !!!",
		}
    });
});
</script>